// pages/detail/detail.js
let datas = require('../../datas/list-data.js');
console.log(datas)
let appDataS = getApp();
console.log(appDataS)
Page({

  /**
   * 页面的初始数据
   */
  data: {
    detail: {},
    isCollected: false,
    isMusicPlay: false,
    index: null
  },



  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    //可以接受 跳转url 后的参数
    console.log(options)
    let index = options.index;

    //更新data中的detail数据
    this.setData({
      detail: datas.list_data[index],
      index
    })

    //根据本地缓存的数据判断用户是否收藏当前的文章

    let detailStorage = wx.getStorageSync('isCollected');

    if (!detailStorage) {
      //在缓存中初始化空对象
      wx.setStorageSync('isCollected', {});
    }
    //判断用户是否收藏
    if (detailStorage[index]) {
      this.setData({
        isCollected: true
      })
    }

    //监听音乐播放
    wx.onBackgroundAudioPlay(() => {
      console.log("音乐播放");
      //修改isMusicPlay状态
      this.setData({
        isMusicPlay: true
      })
      //修改appDatas中的额外数据
      appDataS.data.isPlay = true;
      appDataS.data.pageIndex = index;
    })

    //判断音乐是否在播放
    if (appDataS.data.isPlay && appDataS.data.pageIndex === index) {
      this.setData({
        isMusicPlay: true
      })
    }

    //监听音乐暂停
    wx.onBackgroundAudioPause(() => {
      console.log("音乐暂停");
      //修改isMusicPlay状态
      this.setData({
        isMusicPlay: false,
      })
      //修改appDatas中的额外数据
      appDataS.data.isPlay = false;
    })
  },
  //收藏功能
  handleCollection() {
    console.log(this)
    //更新状态
    let isCollected = !this.data.isCollected;
    this.setData({
      isCollected
    });
    //提示用户 alert
    let title = isCollected ? '收藏成功' : "取消收藏";
    wx.showToast({
      title,
      icon: "success"
    })
    //缓存数据到本地
    let {index}=this.data;
    console.log("data"+this.data)
    wx.getStorage({
      key: 'isCollected',
      success: (res)=> {
        console.log(res,"点击获取数据");
        let obj = res.data; //{0:true,1:true}
        obj[index] = isCollected;

        wx.setStorage({
          key: 'isCollected',
          data: obj,
        })
      },
    })
  },

//音乐播放功能
  handleMusicPlay() {
    let isMusicPlay = !this.data.isMusicPlay;
    this.setData({
      isMusicPlay
    });
    //控制音乐播放
    let {
      dataUrl,
      title
    } = this.data.detail.music;
    if (isMusicPlay) {
      //开启播放
      wx.playBackgroundAudio({
        dataUrl,
        title
      })
    } else {
      //暂停播放
      wx.pauseBackgroundAudio()
    }
  },

//分享功能
  handleShare(){
    wx.showActionSheet({
      itemList: ['发送给好友','分享到朋友圈','分享到QQ空间','分享到微博'],
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  }
})